<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Menangen | Linux software</title>

<link type="text/css" rel="stylesheet" href="../css/main.css" />

<style type="text/css">
.header {
			margin-left: 32px;
			margin-right: auto;
			margin-top: 48px;
			background-color:#060f0e;
			height:91px;			
			position:relative;
}

.bg_info {
			margin-left: 32px;
			margin-right: 32px;
			width: auto; height: 100%;
			background-color:#153545;
			border-radius: 20px;
			border-bottom-left-radius: 0px;
			border-bottom-right-radius: 0px;
			
			overflow:hidden;
}

.main {
			position:relative;
			top:24px;
			margin-left: 20px;
			margin-right:20px;
			
			border-radius: 10px;
			border-bottom-left-radius: 0px;
			border-bottom-right-radius: 0px;
			
					
			width: auto;
			height:100%;
			background-color:#31799e;
}

.inside {
			margin-left:48px;
			margin-right:48px;
			position:inherit;
}

.info_header {
			margin-left: 50px;
			margin-right:50px;
			padding: 8px;
			width: auto;
			padding-top: 32px;
			padding-bottom: 32px;		
			
			color:#255b77;
			font-family:Tahoma, Verdana;
			font-size:12pt;
			
			/*background-color:#;*/
}

.info {
			margin-left: 50px;
			margin-right:50px;
			padding: 8px;
			width: auto;
			min-height: 200px;
			min-width: 650px;
			
			color:#255b77;
			font-family:Tahoma, Verdana;
			font-size:10pt;
			
			background-color:#d8f2ff;	
}

.white_block {
			background-color:#FFF;
			margin: 32px;
			min-height:120px;
			padding-left:16px;
			padding-right:16px;
			padding-bottom:32px;
			padding-top:20px;
	
	
}

.table_header {
			background-color:#3fd5e7;	
}

H1 {
			margin:0px;
			font-size:19pt;

			color:#d8f2ff;
	
}

H2 {
			margin: 0px;
			font-size:16pt;
			font-family:Arial, Helvetica, sans-serif;
	
}
</style>

<link href="../css/bootstrap.css" rel="stylesheet">

</head>

<body>

<div style="height: 100%; position:relative">
	<div class="header">
        <img src="../images/menangen_linux.png" />
    </div>
        
	<div class="bg_info">    	
        
        
        
        <div class="main"> 
            <div class="inside">
            
                <div class="info_header">
	                <h1>Slackware Packages</h1>
                </div>
            
                <div class="info">
                    <h2>Coding languages</h2>
                    
                    <div class="white_block">
                    
                    Hello!
                    <p/>
                    
                    <table class="table table-bordered table-hover">
                    <thead>
                            <tr>
                             <th>Пакет</th>
                             <th>Версия</th>
                             <th>Тестирован с</th>
                             <th>Требуется</th>
                            </tr> 
                    </thead>
					<tbody>

                        <tr>
                             <td>redis</td>
                             <td>2.4.16</td>   
                             <td>13.37 | 14</td>
                             <td></td>                          
                        </tr>
                        
                        <tr>
                             <td>python-django</td>
                             <td>1.4.1</td>
                             <td>13.37</td>
                             <td>Python 2.6</td>
                        </tr>
                        
                        <tr>
                             <td>python-django</td>
                             <td>1.4.1</td>
                             <td>14</td>
                             <td>Python 2.7</td>
                        </tr>
                        
                    </tbody>
                    </table>
                    
                    </div>
                                   
                	<h2>Data Bases</h2>
                    
                    <div class="white_block">
                    
                    Hello 34!
                    
                    </div>
                
                </div>
                
                <div class="info_header">
                	<h1>SUSE Packages</h1>
                </div>
            </div>
        </div> 
               
    	
    </div>
</div>

</body>
</html>
